(function() {
	$.ajax({
		type: "get",
		url: "GetProduceHtml",
		async: true,
		dataType: "text",
		success: function(data) {
			switch(data) {
				case "0":
					$('.breadtop').after(
						'<div id="left"></div>' +
						'<div id="right">' +
						'<form>' +
						'<table>' +
						'<caption>查询信息详单</caption>' +
						'<tr><td>ID：</td><td><input type="text" name="teacherid" placeholder="请输入id"/></td></tr>' +
						'<tr><td>姓名：</td><td><input type="text" name="teachername" placeholder="请输入姓名"/></td></tr>' +
						'<tr><td>性别：</td><td><input type="text" name="teachersex" placeholder="请输入性别"/></td></tr>' +
						'<tr><td>年龄：</td><td><input type="text" name="teacherage" placeholder="请输入年龄"/></td></tr>' +
						'<tr><td>职位：</td><td><input type="text" name="teacherduty" placeholder="请输入职位"/></td></tr>' +
						'</table>' +
						'<input type="checkbox" name="allname" value="allname"/>全选' +
						'<input type="checkbox" name="majorname" value="majorname"/>专业' +
						'<input type="checkbox" name="coursename" value="coursename"/>课程' +
						'<input type="radio" name="condit" checked="checked" value="and"/>和' +
						'<input type="radio" name="condit" value="or"/>或' +
						'<input type="radio" name="condit" value="is not"/>非' +
						'</form>' +
						'<button name="btn" id="0">查    询</button>' +
						'<button onclick="btnreset();">重    置</button>' +
						'</div>'
					);
					break;
				case "1":
					$('.breadtop').after(
						'<div id="left"></div>' +
						'<div id="right">' +
						'<form>' +
						'<table>' +
						'<caption>查询信息详单</caption>' +
						'<tr><td>学号：</td><td><input type="text" name="studentid" placeholder="请输入学号"/></td></tr>' +
						'<tr><td>姓名：</td><td><input type="text" name="studentname" placeholder="请输入姓名"/></td></tr>' +
						'<tr><td>性别：</td><td><input type="text" name="studentsex" placeholder="请输入性别"/></td></tr>' +
						'<tr><td>年龄：</td><td><input type="text" name="studentage" placeholder="请输入年龄"/></td></tr>' +
						'</table>' +
						'<input type="checkbox" name="allname" value="allname"/>全选' +
						'<input type="checkbox" name="majorname" value="majorname"/>专业' +
						'<input type="checkbox" name="coursename" value="coursename"/>课程' +
						'<input type="checkbox" name="teachername" value="teachername"/>教师' +
						'<input type="radio" name="condit" checked="checked" value="and"/>和' +
						'<input type="radio" name="condit" value="or"/>或' +
						'<input type="radio" name="condit" value="is not"/>非' +
						'</form>' +
						'<button name="btn" id="1">查    询</button>' +
						'<button onclick="btnreset();">重    置</button>' +
						'</div>'
					);
					break;
				case "2":
					$('.breadtop').after(
						'<div id="left"></div>' +
						'<div id="right">' +
						'<form>' +
						'<table>' +
						'<caption>查询信息详单</caption>' +
						'<tr><td>专业ID：</td><td><input type="text" name="majorid" placeholder="请输入专业ID"/></td></tr>' +
						'<tr><td>专业名称：</td><td><input type="text" name="majorname" placeholder="请输入专业名称"/></td></tr>' +
						'</table>' +
						'<input type="checkbox" name="allname" value="allname"/>全选' +
						'<input type="checkbox" name="studentname" value="studentname"/>学生' +
						'<input type="checkbox" name="teachername" value="teachername"/>教师' +
						'<input type="checkbox" name="coursename" value="coursename"/>课程' +
						'<input type="checkbox" name="itemname"/>调查项目' +
						'<input type="radio" name="condit" checked="checked" value="and"/>和' +
						'<input type="radio" name="condit" value="or"/>或' +
						'<input type="radio" name="condit" value="is not"/>非' +
						'</form>' +
						'<button name="btn" id="2">查    询</button>' +
						'<button onclick="btnreset();">重    置</button>' +
						'</div>'
					);
					break;
				case "3":
					$('.breadtop').after(
						'<div id="left"></div>' +
						'<div id="right">' +
						'<form>' +
						'<table>' +
						'<caption>查询信息详单</caption>' +
						'<tr><td>课程ID：</td><td><input type="text" name="courseid" placeholder="请输入课程ID"/></td></tr>' +
						'<tr><td>课程名称：</td><td><input type="text" name="coursename" placeholder="请输入课程名称"/></td></tr>' +
						'</table>' +
						'<input type="checkbox" name="studentname" value="studentname"/>学生' +
						'<input type="checkbox" name="teachername" value="teachername"/>教师' +
						'<input type="checkbox" name="itemname" value="itemname"/>调查项目' +
						'<input type="radio" name="condit" checked="checked" value="and"/>和' +
						'<input type="radio" name="condit" value="or"/>或' +
						'<input type="radio" name="condit" value="is not"/>非' +
						'</form>' +
						'<button name="btn" id="3">查    询</button>' +
						'<button onclick="btnreset();">重    置</button>' +
						'</div>'
					);
					break;
				case "4":
					$('.breadtop').after(
						'<div id="left"></div>' +
						'<div id="right">' +
						'<form>' +
						'<table>' +
						'<caption>查询信息详单</caption>' +
						'<tr><td>调查项目ID：</td><td><input type="text" name="itemid" placeholder="请输入调查ID"/></td></tr>' +
						'<tr><td>调查项目名称：</td><td><input type="text" name="itemname" placeholder="请输入调查项目"/></td></tr>' +
						'</table>' +
						'<input type="checkbox" name="allname" value="allname"/>全选' +
						'<input type="radio" name="condit" checked="checked" value="and"/>和' +
						'<input type="radio" name="condit" value="or"/>或' +
						'<input type="radio" name="condit" value="is not"/>非' +
						'</form>' +
						'<button name="btn" id="4">查    询</button>' +
						'<button onclick="btnreset();">重    置</button>' +
						'</div>'
					);
					break;
				case "5":
					$('.breadtop').after(
						'<div id="left"></div>' +
						'<div id="right">' +
						'<form>' +
						'<table>' +
						'<caption>查询信息详单</caption>' +
						'<tr><td>调查内容ID：</td><td><input type="text" name="contentid" placeholder="请输入调查内容id"/></td></tr>' +
						'<tr><td>调查内容：</td><td><input type="text" name="contentname" placeholder="请输入调查内容"/></td></tr>' +
						'<tr><td>调查项目ID：</td><td><input type="text" name="itemid" placeholder="请输入项目ID"/></td></tr>' +
						'</table>' +
						'<input type="checkbox" name="allname" value="allname"/>全选' +
						'<input type="radio" name="condit" checked="checked" value="and"/>和' +
						'<input type="radio" name="condit" value="or"/>或' +
						'<input type="radio" name="condit" value="is not"/>非' +
						'</form>' +
						'<button name="btn" id="5">查    询</button>' +
						'<button onclick="btnreset();">重    置</button>' +
						'</div>'
					);
					break;
				case "6":
					$('.breadtop').after(
						'<div id="left"></div>' +
						'<div id="right">' +
						'<form>' +
						'<table>' +
						'<caption>查询信息详单</caption>' +
						'<tr><td>调查日期：</td><td><input type="text" name="date" placeholder="请输入调查日期"/></td></tr>' +
						'<tr><td>调查期数：</td><td><input type="text" name="periodname" placeholder="请输入调查期数"/></td></tr>' +
						'<tr><td>分数：</td><td><input type="text" name="score" placeholder="请输入分数"/></td></tr>' +
						'<tr><td>调查内容ID：</td><td><input type="text" name="contentid" placeholder="请输调查内容ID"/></td></tr>' +
						'<tr><td>教师姓名：</td><td><input type="text" name="teacherid" placeholder="请输入教师姓名"/></td></tr>' +
						'<tr><td>专业名称：</td><td><input type="text" name="majorname" placeholder="请输入专业名称"/></td></tr>' +
						'<tr><td>课程名称：</td><td><input type="text" name="coursename" placeholder="请输入课程名称"/></td></tr>' +
						'</table>' +
						'<input type="checkbox" name="allname" value="allname"/>全选' +
						'<input type="checkbox" name="scorename" value="scorename"/>分数' +
						'<input type="checkbox" name="periodname" value="periodname"/>期数' +
						'<input type="radio" name="condit" checked="checked" value="and"/>和' +
						'<input type="radio" name="condit" value="or"/>或' +
						'<input type="radio" name="condit" value="is not"/>非' +
						'</form>' +
						'<button name="btn" id="6">查    询</button>' +
						'<button onclick="btnreset();">重    置</button>' +
						'</div>'
					);
					break;
				default:
					break;
			}
		},
		complete: function() {
			$('.fa').css({
				"color": "#00FF00",
				"font-size": "15px"
			});
		}
	});

	$('body').on("click", "button[name='btn']", function() {
		var _this_ = this;
		var curid = $(_this_).attr("id");
		var suburl = null;

		switch(curid) {
			case "0":
				suburl = "GetMSTeacher"
				break;
			case "1":
				suburl = "GetMSStudent"
				break;
			case "2":
				suburl = "GetMSMajor"
				break;
			case "3":
				suburl = "GetMSCourse"
				break;
			case "4":
				suburl = "GetMSSurItem"
				break;
			case "5":
				suburl = "GetMSSurCon"
				break;
			case "6":
				suburl = "GetMSSurResult"
				break;
			default:
				break;
		}
    
		$.ajax({
			type: "post",
			url: suburl,
			async: true,
			data: $('form').serialize(),
			dataType: "json",
			success: function(data) {
				$('#left').empty();
				$.each(data, function(i, val) {
					if(i === 0) {
						$('#left').append('<table class="table table-bordered"><thead><tr>');
						for(var Key in val) {
							$('#left thead tr').append('<th>' + Key + '</th>');
						}
						$('#left').append('</tr></table>');
					}
				});

				$('#left table').append('<tbody>');

				$.each(data, function(j, val1) {
					$('#left table tbody').append('<tr>');
					for(var key in val1) {
                        $('#left table tbody tr:last').append('<td>' + val1[key] + '</td>');
					}
					$('#left table tbody').append('</tr>');
				});

				$('#left table').append('</tbody>');
			}
		});
	});

})();